<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,minimum-scale=0.5,maximum-scale=2.0,user-scalable=yes">
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/didi.css" />
		<script>
			(function(doc, win) {
				var docEl = doc.documentElement,
					resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
					recalc = function() {
						var clientWidth = docEl.clientWidth;
						if(!clientWidth) return;
						if(clientWidth >= 640) {
							docEl.style.fontSize = '100px';
						} else {
							docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
						}
					};

				if(!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener('DOMContentLoaded', recalc, false);
			})(document, window);
		</script>

		<title>第1关</title>
		<style type="text/css">
			.wrap2 {
				display: none;
			}
			
			.wrap3 {
				display: none;
			}
			
			.wrap4 {
				display: none;
			}
			
			.wrap5 {
				display: none;
			}
		</style>
	</head>

	<body>
		<div class=" wrap wrap1">
			<div class="head head1">
				<img src="img/head.png" />
			</div>
			<div class="image image1">
				<img class="im1 im1.1" src="img/关1-4_03.png" />
				<img class="im2 im1.2" src="img/关1-3_03.png" />
			</div>
			<div class="answer answer1">
				<div class="ans ans1"></div>
				<div class="ans ans1"></div>
			</div>
			<div class="choice choice1">
				<div class="cho cho1"></div>
				<div class="cho cho1"></div>
				<div class="cho cho1"></div>
				<div class="cho cho1"></div>
				<div class="cho cho1"></div>
				<div class="cho cho1"></div>
				<div class="cho cho1"></div>
				<div class="cho cho1"></div>
			</div>
			<div class="bg bg1">
				<img class="right right1" src="img/关1-1_03.png" />
				<img class="wrong wrong1" src="img/关1-2_03.png" />
			</div>
		</div>
		<div class="wrap wrap2">
			<div class="head head2">
				<img src="img/head.png" />
			</div>
			<div class="image image2">
				<img class="im1 im2.1" src="img/2_答题.png" />
				<img class="im2 im2.2" src="img/2_fail.png" />
			</div>
			<div class="answer answer2">
				<div class="ans ans2"></div>
				<div class="ans ans2"></div>
				<div class="ans ans2"></div>

			</div>
			<div class="choice choice2">
				<div class="cho cho2"></div>
				<div class="cho cho2"></div>
				<div class="cho cho2"></div>
				<div class="cho cho2"></div>
				<div class="cho cho2"></div>
				<div class="cho cho2"></div>
				<div class="cho cho2"></div>
				<div class="cho cho2"></div>
			</div>
			<div class="bg bg2">
				<img class="right right2" src="img/正-2.png" />
				<img class="wrong wrong2" src="img/否-2.png" />
			</div>
		</div>
		<div class="wrap wrap3">
			<div class="head head3">
				<img src="img/head.png" />
			</div>
			<div class="image image3">
				<img class="im1 im3.1" src="img/3_答题.png" />
				<img class="im2 im3.2" src="img/3_fail.png" />
			</div>
			<div class="answer answer3">
				<div class="ans ans3"></div>
				<div class="ans ans3"></div>
				<div class="ans ans3"></div>

			</div>
			<div class="choice choice3">
				<div class="cho cho3"></div>
				<div class="cho cho3"></div>
				<div class="cho cho3"></div>
				<div class="cho cho3"></div>
				<div class="cho cho3"></div>
				<div class="cho cho3"></div>
				<div class="cho cho3"></div>
				<div class="cho cho3"></div>
			</div>
			<div class="bg bg3">
				<img class="right right3" src="img/正-2.png" />
				<img class="wrong wrong3" src="img/否-2.png" />
			</div>
		</div>
		<div class="wrap wrap4">
			<div class="head head4">
				<img src="img/head.png" />
			</div>
			<div class="image image4">
				<img class="im1 im4.1" src="img/4_答题.png" />
				<img class="im2 im4.2" src="img/4_fail.png" />
			</div>
			<div class="answer answer4">
				<div class="ans ans4"></div>
				<div class="ans ans4"></div>
				<div class="ans ans4"></div>
				<div class="ans ans4"></div>
			</div>
			<div class="choice choice4">
				<div class="cho cho4"></div>
				<div class="cho cho4"></div>
				<div class="cho cho4"></div>
				<div class="cho cho4"></div>
				<div class="cho cho4"></div>
				<div class="cho cho4"></div>
				<div class="cho cho4"></div>
				<div class="cho cho4"></div>
			</div>
			<div class="bg bg4">
				<img class="right right4" src="img/正-2.png" />
				<img class="wrong wrong4" src="img/否-2.png" />
			</div>
		</div>
		<div class="wrap wrap5">
			<div class="head head5">
				<img src="img/head.png" />
			</div>
			<div class="image image5">
				<img class="im1 im5.1" src="img/5_答题.png" />
				<img class="im2 im5.2" src="img/5_fail.png" />
			</div>
			<div class="answer answer5">
				<div class="ans ans5"></div>
				<div class="ans ans5"></div>
				<div class="ans ans5"></div>
				<div class="ans ans5"></div>
			</div>
			<div class="choice choice5">
				<div class="cho cho5"></div>
				<div class="cho cho5"></div>
				<div class="cho cho5"></div>
				<div class="cho cho5"></div>
				<div class="cho cho5"></div>
				<div class="cho cho5"></div>
				<div class="cho cho5"></div>
				<div class="cho cho5"></div>
			</div>
			<div class="bg bg5">
				<img class="right right5" src="img/正-2.png" />
				<img class="wrong wrong5" src="img/否-2.png" />
			</div>
		</div>
	</body>
	<script src="js/didi.js" type="text/javascript" charset="utf-8"></script>
</html>